import React, { Component } from 'react';
import '../css/HeaderImg.less';
import {observer} from "mobx-react";
@observer class HeaderImg extends Component {
    render() {
        return (
            <div className="HeaderImg">
                <div className='ActivityHeader'>
                    <div>
                        {
                            this.props.items.map((item,index)=>{
                                return(
                                        <p key={index}>{item}</p>
                                )
                            })
                        }
                    </div>
                    <img src={this.props.img}  style={{display:this.props.img?'block':'none'}} alt=""/>
                    <img src="http://www.niuduxiu.com/m/static/img/bg.b755975.png" alt="" style={{display:!this.props.img?'block':'none'}} />
                </div>
            </div>
        );
    }
}

export default HeaderImg;
